<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<title>Extended Markdown syntax</title>
<style type="text/css">
body, table {
    font-family: sans-serif;
}
body {
}
div.code {
    white-space: pre;
    border: 1px solid gray;
    font-family: monospace;
    padding: 3px;
    margin: 10px;
}
</style>
</head>
<body>
<h2>Extended Markdown</h2>
<div>See full Markdown <a href="http://daringfireball.net/projects/markdown/syntax">syntax</a>.</div>

<h3>Paragraphs</h3>
<div>A paragraph is simply one or more consecutive lines of text, separated by one or more blank lines. (A blank line is any line that looks like a blank line — a line containing nothing but spaces or tabs is considered blank.) Normal paragraphs should not be indented with spaces or tabs.</div>

<h3>Headers</h3>
<div>Setext-style headers:</div>

<div class="code">This is a first-level header
============================

This is a second-level header
-----------------------------

This is also a first-level header
=========</div>

<div>Atx-style headers:</div>
<div class="code"># This is a first-level header

## Second level header

###### 6th level header</div>

<h3>Blockquotes</h3>

<div>Use > char before lines you want to quote. Or use “lazy” syntax.</div>
<div clasYs="code">> blockquote with two
> paragraphs

> second paragraph

> this is a
lazy syntax for blockquotes
just place single > character
before the first line of the paragraph.
</div>

<div>Blockquote paragraph may contain other markdown elements including blockquotes.</div>

<h3>Lists</h3>
<div class="code">* unordered
* list 
* items

- also 
- list
- items

+ list
+ too

1. ordered list items
4. begins with number with “period” 
character after it
</div>

<div>List markers must be followed by one or more spaces or a tab. List items may consist of multiple paragraphs. Each subsequent paragraph in a list item must be indented by either 4 spaces or one tab:</div>

<div class="code">1.  sdkjfsdkfjd ssdfsdf
    sdfsdfsdf sdf sd fsd

    fgdfgdfgdf gdf g dfg df

    sdfsdfsd lazy
style — actually 3rd paragraph in this list item

2.  sdfsdf sdf sd
    sdfsd f sdfsd
</div>

<div>To put a code block within a list item, the code block needs to be indented <em>twice</em> — 8 spaces or two tabs.</div>

<h3>Code blocks</h3>
<div>To produce a code block in Markdown, simply indent every line of the block by at least 4 spaces or 1 tab. For example, given this input:</div>

<div class="code">This is a regular paragraph.

    This is a code
    Another code line
</div>

<div>Within a code block, ampersands (&amp;) and angle brackets (&lt; and >) are automatically converted into HTML entities. Regular Markdown syntax is not processed within code blocks.</div>

<h3>Horizontal rule</h3>
<div>You can produce a horizontal rule tag (&lt;hr />) by placing three or more hyphens, asterisks, or underscores on a line by themselves. If you wish, you may use spaces between the hyphens or asterisks. For example:</div>

<div class="code">* * *

***

*****

- - -

---------------------------------------</div>

<h3>Hyperlinks</h3>

<div class="code">This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

This is [an example][id] reference-style link.

Then, anywhere in the document, you define your link label like this, on a line by itself:

[id]: http://example.com/  "Optional Title Here"

Equivalent definitions

[foo]: http://example.com/  "Optional Title Here"
[foo]: http://example.com/  'Optional Title Here'
[foo]: http://example.com/  (Optional Title Here)
</div>

<h3>Emphasis</h3>
<div class="code">*single asterisks* produces EM-element

_single underscores_ produces EM-element

**double asterisks** produces STRONG-element

__double underscores__ produces STRONG-element
</div>

<h3>Inline code</h3>

Use backticks (`):

<div class="code">Use the `printf()` function.

``There is a literal backtick (`) here.``

A single backtick in a code span: `` ` ``
</div>

<h3>Images</h3>

<div class="code">![Alt text](/path/to/img.jpg)

![Alt text](/path/to/img.jpg "Optional title")

reference-type image

![Alt text][id]

[id]: url/to/image  "Optional title attribute"
</div>

<h3>Blog picture in paragraph</h3>

<div class="code">!![full-sized image](a-sample.png)

!![small image preview image](a-sample.png/s)

!![medium image preview image](a-sample.png/m)

</div>

<h3>Summary delimiter</h3>

Place string <tt>&lt;!--more--></tt> to split text into summary and content parts.

</body>
</html>
